<body style="background:#fed; padding:0; margin:0">
[17:36:31] miljard
    [17:36:33] wat een kater zeg
wraeness@gmail.com says:
    [17:45:42]  ben je daar enigzins blij mee zo qua evenwichtigsherstelling op de lange termijn of was het (g)een lekker feesje?
9/11 was a rim side job says:
    [17:46:00] twas een stad avondje
    [17:46:11] met lino, wim en de oud leeraar zederleer
    [17:46:23] den pol (eje dien ooit gehad)
wraeness@gmail.com says:
    [17:47:33] misschien
    [17:48:22] weet jij een naam voor de sg widgets?
    [17:48:45] kwil iets korter dan 'widgets' want kmoe da veel 2x typen
    [17:49:54] kben geneig o
<div style="font:12pica/12pica monospace,monospace;">
<div id="xx" style="background:#def; display:block; width:8.125em; height:1em; position:relative; opacity:0.5;" 
onmousemove="mm(event)">

</div>
</div>
<script>
//String.prototype.repeat=function(num){ return new Array(num+1).join(this); }

//function mm(e){ e.target.innerHTML=Math.round((e.pageX-e.target.offsetLeft)/e.target.offsetWidth*10,2}
//function mm(e){ e.target.innerHTML="X".repeat((e.pageX-e.target.offsetLeft)/e.target.offsetWidth*10)+'<br/>'+((e.pageX-e.target.offsetLeft)/e.target.offsetWidth*100); }
function mm(e){ 
  //alert(e.button);
  e.target.innerHTML=((e.pageX-e.target.offsetLeft)/e.target.offsetWidth*100)
  +'<div style="background:#111; display:block; width:1em; height:1em; position:absolute; left:'
  +((e.pageX-e.target.offsetLeft)/e.target.offsetWidth*100)
  +'px; top:0; z-index:-9"></div>';
}
var fg=document.getElementById('xx').style.color || '#555';
var bg=document.getElementById('xx').style.backgroundColor || '#fff';

</script>
